<template>
	<view class="center" style="background: #F5F5F5;">
		<hea-ders title="新增签到">
			<image class="left" slot='left' src="@/static/images/arrow_left.png" mode="widthFix" @click="back"></image>
		</hea-ders>
		<!-- 内容 -->
		<view class="addSign_one">
			<text>签到时间</text>
			<text class="text">2020年06月03日   09:58:31</text>
		</view>
		<view class="addSign_one addSign_item">
			<text>签到地点</text>
			<text class="text">江苏省徐州市泉山区淮海西路27号 中枢小区</text>
		</view>
		<view class="addSign_two"@tap="$open('../newCustomer/clientername')">
			<view class="">
				<text>关联客户</text>
			</view>
			<view class="xz">
				<text>选择</text>
				<image src="../../../static/images/arrow_right.png" mode="aspectFill"></image>
			</view>
		</view>
		<view class="addSign_one">
			<text>客户地址</text>
			<text class="text"></text>
		</view>
		<view class="addSign_text">
			<textarea value="" placeholder="请输入签到备注,不超过100字" />
		</view>
		<view class="addSign_photo">
			<image src="../../../static/images/790.png" mode=""></image>
			<text>拍照</text>
		</view>
		<view class="addSign_foot">
			<button type="default">保存</button>
		</view>
	</view>
</template>

<script>
	import heaDers from '@/pages/header/header.vue'
	export default {
		components:{
			heaDers
		},
		data() {
			return {

			};
		},
		methods:{
			back(){
				uni.navigateBack({
					delta:1
				})
			},
		}
	}
</script>

<style lang="scss">
	.center{
		width: 100%;
		height: 100vh;
		.title {
			width: 100%;
			height: 88rpx;
			padding: 0 30rpx;
			box-sizing: border-box;
			background-color: rgba(36, 153, 246, 1);
			display: flex;
			justify-content: space-between;
			align-items: center;
			image {
		
				width: 22rpx;
			}
			text {
				font-size: 36rpx;
				color: #fff;
				font-weight: 400;
				font-family: PingFang SC;
			}
			.ima {
				image {
					width: 40rpx;
					margin-left: 5rpx;
				}
			}
		}
		.addSign_one{
			background: #fff;
			display: flex;
			justify-content: space-between;
			height: 80rpx;
			align-items: center;
			border-bottom: 1px solid #F5F5F5;
			font-size: 28rpx;
			padding: 0 31rpx;
			.text{
				font-size: 24rpx;
				color: #5D5D5D;
			}
		}
		.addSign_item{
			height: 120rpx;
			.text{
				width: 50%;
			}
		}
		.addSign_two{
			background: #fff;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 80rpx;
			align-items: center;
			border-bottom: 1px solid #F5F5F5;
			font-size: 28rpx;
			padding: 0 31rpx;
			margin-top: 16rpx;
			image{
				width: 12rpx;
				height: 22rpx;
				padding-left: 20rpx;
			}
			.xz{
				font-size:24rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(179,179,179,1);
			}
		}
		.addSign_text{
			textarea{
				width: 100%;
				background: #fff;
				font-size: 24rpx;
				color: #B3B3B3;
				padding-left: 30rpx;
				padding-top: 15rpx;
				height: 184rpx;
			}
		}
		.addSign_photo{
			margin-top: 15rpx;
			background: #fff;
			height: 80rpx;
			display: flex;
			align-items: center;
			padding-left: 30rpx;
			image{
				width: 33rpx;
				height: 30rpx;
			}
			text{
				font-size:28rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(35,153,245,1);
				padding-left: 9rpx;
			}
		}
		.addSign_foot{
			button{
				width:100%;
				height:80rpx;
				line-height: 80rpx;
				background:#2399F5;
				border-radius: 0;
				color: #fff;
				font-size: 32rpx;
				position: absolute;
				bottom: 0;
			}
		}
		
	}
	
</style>
